﻿<%@ Page Title="" Language="C#" MasterPageFile="Site.Master" AutoEventWireup="true" CodeBehind="Application.aspx.cs" Inherits="CO9APPFORM.Application" %>
<%@ Register Src="UserControls/TagKeyIn.ascx" TagPrefix="uc" TagName="Tags" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link type="text/css" href="js/plugins/tagit/css/jquery.tagit.css" rel="stylesheet" />
    <link type="text/css" href="js/plugins/tagit/css/tagit.ui-zendesk.css" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
    <div class="row">
        <asp:Panel ID="pnlTabHead" runat="server" CssClass="tab">
            <div class="col-md-3 col-sm-3 col-xs-3 tab-item">
                <asp:LinkButton ID="lnkTab0" runat="server" OnClick="TabHead_Click" CommandArgument="0">
                    <i class="fa fa-info-circle"></i><span class="hidden-xs"> Personal Info</span>
                </asp:LinkButton>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3 tab-item">
                <asp:LinkButton ID="lnkTab1" runat="server" OnClick="TabHead_Click" CommandArgument="1">
                    <i class="fa fa-user"></i><span class="hidden-xs"> Education & Family</span>
                </asp:LinkButton>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3 tab-item">
                <asp:LinkButton ID="lnkTab2" runat="server" OnClick="TabHead_Click" CommandArgument="2">
                    <i class="fa fa-line-chart"></i><span class="hidden-xs"> Experience</span>
                </asp:LinkButton>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3 tab-item">
                <asp:LinkButton ID="lnkTab3" runat="server" OnClick="TabHead_Click" CommandArgument="3">
                    <i class="fa fa-language"></i><span class="hidden-xs"> Skill & Language</span>
                </asp:LinkButton>
            </div>
        </asp:Panel>
    </div>
    <asp:MultiView ID="mtvTab" runat="server">
        <asp:View ID="View1" runat="server">
            <div class="row tab-content">
                <div style="width: 95%; margin: 50px auto; text-align: left;">
                    <div class="row">

                        <div class="col-md-6">
                            <div class="row">
                                Cube of Nine is a technology solutions company providing innovative technology solutions
                                to leading multinational companies. Our work includes: IT outsource solutions, custom
                                software development, software maintenance and support and mobile solutions. Cube
                                of Nine is dedicated to delivery of high quality business solutions, by the continuous
                                training of staff in the latest technologies and techniques. The office is located
                                on Sukhumvit 13 road in the heart of Bangkok's business district, where we have
                                a truly international staff consisting of both Thai and Expatriate professionals.
                            </div>
                            <br />
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group" style="text-align: left;">
                                        &nbsp;</div>
                                    <div class="form-group" style="text-align: left;">
                                        <asp:Image ID="Image1" ImageUrl="Images/Web/blank_portrait.png" runat="server" class="img-responsive"
                                            Width="150px" Height="200px" />
                                    </div>
                                    <div class="form-group">
                                        <label for="lblimage">
                                            Image</label>
                                        <asp:FileUpload ID="FileUpload1" class="form-control" runat="server" />
                                        <asp:TextBox ID="txtFileName" runat="server" value="" Visible=false></asp:TextBox>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblHeight">
                                            Height (cm.)</label>
                                        <asp:TextBox ID="txtHeight" class="form-control" runat="server" MaxLength="3"></asp:TextBox>
                                        <asp:RegularExpressionValidator ID="regHeight" runat="server" class="ValidateColor" ErrorMessage="** Please fill number only" ControlToValidate="txtHeight" ValidationExpression="^[0-9]*" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RegularExpressionValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblBloodGroup">
                                            Blood Group</label>
                                        <asp:DropDownList ID="ddlBloodGroup" runat="server" class="form-control">
                                            <asp:ListItem Text="Please Select" Value=""></asp:ListItem>
                                            <asp:ListItem Text="A" Value="A"></asp:ListItem>
                                            <asp:ListItem Text="B" Value="B"></asp:ListItem>
                                            <asp:ListItem Text="O" Value="O"></asp:ListItem>
                                            <asp:ListItem Text="AB" Value="AB"></asp:ListItem>
                                        </asp:DropDownList>
                                        <asp:RequiredFieldValidator ID="reqBloodGroup" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="ddlBloodGroup" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblMilitaryService">
                                            Military Service</label>
                                        <asp:DropDownList ID="ddlMilitaryService" runat="server" class="form-control">
                                            <asp:ListItem Text="Please Select" Value=""></asp:ListItem>
                                            <asp:ListItem Text="Served" Value="Served"></asp:ListItem>
                                            <asp:ListItem Text="Exempt" Value="Exempt"></asp:ListItem>
                                            <asp:ListItem Text="Not yet" Value="Notyet"></asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group" style="text-align: left;">
                                        &nbsp;</div>
                                    <div class="form-group">
                                        <label for="lblDateOfBirth">
                                            Date of birth</label>
                                        <div class="input-group date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                                            <asp:TextBox type="text" class="form-control" ID="txtDateOfBirth" runat="server"></asp:TextBox>
					                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                        </div>
                                        <input type="hidden" id="dtp_input2" value="" runat="server"/>
                                        <asp:RequiredFieldValidator ID="reqDateOfBirth" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtDateOfBirth" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblAge">
                                            Age</label>
                                        <asp:TextBox ID="txtAge" class="form-control" runat="server" MaxLength="3"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="reqAge" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtAge" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                        <asp:RegularExpressionValidator ID="regAge" runat="server" class="ValidateColor" ErrorMessage="** Ex. 25" ControlToValidate="txtAge" ValidationExpression="^[0-9]*" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RegularExpressionValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblGender">
                                            Gender</label>
                                        <asp:DropDownList ID="ddlGender" runat="server" class="form-control">
                                            <asp:ListItem Text="Please Select" Value=""></asp:ListItem>
                                            <asp:ListItem Text="Male" Value="Male"></asp:ListItem>
                                            <asp:ListItem Text="Female" Value="Female"></asp:ListItem>
                                        </asp:DropDownList>
                                        <asp:RequiredFieldValidator ID="reqGender" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="ddlGender" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblNationality">
                                            Nationality</label>
                                        <asp:DropDownList ID="ddlNationality" runat="server" class="form-control">
                                            <asp:ListItem Text="Please Select" Value=""></asp:ListItem>
                                            <asp:ListItem Text="Thai" Value="Thai"></asp:ListItem>
                                            <asp:ListItem Text="Chinese" Value="Chinese"></asp:ListItem>
                                            <asp:ListItem Text="Malaysian" Value="Malaysian"></asp:ListItem>
                                        </asp:DropDownList>
                                        <asp:RequiredFieldValidator ID="reqNationality" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="ddlNationality" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblReligion">
                                            Religion</label>
                                        <asp:DropDownList ID="ddlReligion" runat="server" class="form-control">
                                            <asp:ListItem Text="Please Select" Value=""></asp:ListItem>
                                            <asp:ListItem Text="Buddhism" Value="Buddhism"></asp:ListItem>
                                            <asp:ListItem Text="Christ" Value="Christ"></asp:ListItem>
                                            <asp:ListItem Text="Muslim" Value="Muslim"></asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblWeight">
                                            Weight (kg.)</label>
                                        <asp:TextBox ID="txtWeight" class="form-control" runat="server" MaxLength="3"></asp:TextBox>
                                        <asp:RegularExpressionValidator ID="regWeight" runat="server" class="ValidateColor" ErrorMessage="** Please fill number only" ControlToValidate="txtWeight" ValidationExpression="^[0-9]*" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RegularExpressionValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblPlaceOfBirth">
                                            Place of birth</label>
                                        <asp:TextBox ID="txtPlaceOfBirth" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblMaritalStatus">
                                            Marital Status</label>
                                        <asp:DropDownList ID="ddlMaritalStatus" runat="server" class="form-control">
                                            <asp:ListItem Text="Please Select" Value=""></asp:ListItem>
                                            <asp:ListItem Text="Single" Value="Single"></asp:ListItem>
                                            <asp:ListItem Text="Marriaged" Value="Marriaged"></asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="lblApplyDate">
                                            Apply Date</label>
                                        <asp:TextBox ID="txtApplyDate" class="form-control" runat="server" ReadOnly></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="reqApplyDate" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtApplyDate" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblPostionApplyFor">
                                            Position Apply For</label>
                                        <asp:DropDownList ID="ddlPositionApplyFor" runat="server" class="form-control">
                                        </asp:DropDownList>
                                        <asp:RequiredFieldValidator ID="reqPostionApplyFor" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="ddlPositionApplyFor" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblAvailableStartDate">
                                            Available Start Date</label>
                                        <div class="input-group date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input3" data-link-format="yyyy-mm-dd">
                                            <asp:TextBox type="text" class="form-control" ID="txtAvailableStartDate" runat="server"></asp:TextBox>
					                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                        </div>
                                        <input type="hidden" id="dtp_input3" value="" runat="server" />
                                        <asp:RequiredFieldValidator ID="reqAvailableStartDate" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtAvailableStartDate" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                    </div>
                                    <div class="form-group">
                                        <label for="lblHowDoYouKnow">
                                            How do you know us?</label>
                                        <asp:TextBox ID="txtHowTo_Note" class="form-control" runat="server" TextMode="MultiLine"
                                            Rows="3" MaxLength="500"></asp:TextBox>
                                    </div>
                                </div>
                            </div>
                            <br />
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="lblNameTH">
                                                    ชื่อ</label>
                                                <asp:TextBox ID="txtNameTH" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqNameTH" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtNameTH" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblNameEN">
                                                    Name</label>
                                                <asp:TextBox ID="txtNameEN" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqNameEN" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtNameEN" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="lblSurnameTH">
                                                    นามสกุล</label>
                                                <asp:TextBox ID="txtSurnameTH" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqSurnameTH" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtSurnameTH" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblSurnameEN">
                                                    Surnanme</label>
                                                <asp:TextBox ID="txtSurnameEN" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqSurnameEN" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtSurnameEN" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="lblNicknameTH">
                                                    ชื่อเล่น</label>
                                                <asp:TextBox ID="txtNicknameTH" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqNicknameTH" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtNicknameTH" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblNicknameEN">
                                                    Nickname</label>
                                                <asp:TextBox ID="txtNicknameEN" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqNicknameEN" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtNicknameEN" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <label for="lblPresentAddress">
                                                    Present Address</label>
                                                <asp:TextBox ID="txtPresentAddress" class="form-control" runat="server" TextMode="MultiLine"
                                                    Rows="5" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqPresentAddress" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtPresentAddress" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="lblProvince">
                                                    Province</label>
                                                <asp:TextBox ID="txtProvince" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqProvince" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtProvince" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblPostcode">
                                                    Postcode</label>
                                                <asp:TextBox ID="txtPostcode" class="form-control" runat="server" MaxLength="5"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqPostcode" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtPostcode" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="regPostcode" runat="server" class="ValidateColor" ErrorMessage="** Please fill in Postcode format only" ControlToValidate="txtPostcode" ValidationExpression="^[0-9]*" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RegularExpressionValidator>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label for="lblEmailAddress">
                                                    Email Address</label>
                                                <asp:TextBox ID="txtEmailAddress" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqEmailAddress" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtEmailAddress" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="reqEmailAddressRex" runat="server" class="ValidateColor" ErrorMessage="** Email format is incorrect" ControlToValidate="txtEmailAddress" ValidationExpression="^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RegularExpressionValidator>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="lblTelephone">
                                                    Telephone</label>
                                                <asp:TextBox ID="txtTelephone" class="form-control" runat="server" MaxLength="10" Display="Dynamic"></asp:TextBox>
                                                <asp:RegularExpressionValidator ID="regTelephone" runat="server" class="ValidateColor" ErrorMessage="** Phone number is incorrect" ControlToValidate="txtTelephone" ValidationExpression="^[0-9]*" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RegularExpressionValidator>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="lblMobile">
                                                    Mobile</label>
                                                <asp:TextBox ID="txtMobile" class="form-control" runat="server" MaxLength="10"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqMobile" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtMobile" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="regMobile" runat="server" class="ValidateColor" ErrorMessage="** Phone number is incorrect" ControlToValidate="txtMobile" ValidationExpression="^[0-9]*" ValidationGroup="GroupPersonalInfo" Display="Dynamic"></asp:RegularExpressionValidator>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="text-align:right;">
                                <div class="col-md-12"><br />
                                    <asp:Button ID="btnTab1SaveDraft" runat="server" Text="  Save Draft  " 
                                        ValidationGroup="GroupPersonalInfo" CssClass="btn btn-primary"  
                                        OnClientClick="if(Page_ClientValidate('GroupPersonalInfo')) {javascript:skm_LockScreen('');}" 
                                        onclick="btnTab1SaveDraft_Click" />
                                    <asp:Button ID="btnTab1Next" runat="server" Text="     Next     "
                                        ValidationGroup="GroupPersonalInfo" CssClass="btn btn-default"  OnClientClick="if(Page_ClientValidate('GroupPersonalInfo')) {javascript:skm_LockScreen('');}" 
                                        onclick="btnTab1Next_Click" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </asp:View>
        <asp:View ID="View2" runat="server">
            <div class="row tab-content">
            <div style="width: 95%; margin: 50px auto; text-align: left;">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="lblMobile">Family Background</label>
                            <asp:HiddenField ID="hidFamily" Value="" runat="server" />
                        </div>
                        <asp:GridView ID="gvFamily" runat="server" Width="100%" AutoGenerateColumns="False" onrowcommand="gvFamily_RowCommand" DataKeyNames="ID" CssClass="table table-striped">
                            <Columns>
                                <asp:TemplateField HeaderText="Relation">
                                    <ItemTemplate>
                                        <asp:Label ID="lblRelation" Text='<%# Bind("RELATION") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Name-Surname">
                                    <ItemTemplate>
                                        <asp:Label ID="lblName" Text='<%# Bind("NAME") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Occupation">
                                    <ItemTemplate>
                                        <asp:Label ID="lblOccupation" Text='<%# Bind("OCCUPATION") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Location">
                                    <ItemTemplate>
                                        <asp:Label ID="lblLocation" Text='<%# Bind("LOCATION") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:LinkButton ID="btnEdit" runat="server"  CommandArgument='<%# Eval("GridIndex") %>' CommandName="EditFamily" CausesValidation="false">
                                            <span class="glyphicon glyphicon-edit"></span></asp:LinkButton>
                                        <asp:LinkButton ID="btnDelete" runat="server"  CommandArgument='<%# Eval("GridIndex") %>' CommandName="DeleteFamily" CausesValidation="false" OnClientClick="return confirm('Are you sure to delete?');">
                                            <span class="glyphicon glyphicon-trash"></span></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <HeaderStyle BackColor="Gray" HorizontalAlign="Center" />
                        </asp:GridView>
                        <asp:HiddenField ID="hdFamilyID" runat="server" />
                        <div class="text-right"><br />
                            <asp:LinkButton ID="lnkAddFamily" runat="server" CommandName="AddFamily" onclick="lnkAddFamily_Click" CausesValidation="false">
                                <img src="Images/Web/add.png" />
                                <span> Add more</span>
                            </asp:LinkButton>
                        </div>
                        <!-- Modal Family and Education Background Section -->
                        <div class="modal fade" id="modalBackground" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                            aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="H2">
                                            Manage Family Background Info</h4>
                                    </div>

                                    <div class="modal-body">
                                        
                                        <%-- Start Family Background--%>
                                        <div id="dvFamily" runat="server">
                                        <div class="form-group">
                                            <label for="lblNameSurname">
                                                Name - Surname</label>
                                            <asp:TextBox ID="txtNameSurnanme" class="form-control" runat="server" MaxLength="100"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="reqNameSurnanme" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtNameSurnanme" ValidationGroup="GroupFamily" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                        <div class="form-group">
                                            <label for="lblRelation">
                                                Relation</label>
                                            <asp:DropDownList ID="ddlRelation" runat="server" class="form-control">
                                                <asp:ListItem Text="Please Select" Value=""></asp:ListItem>
                                                <asp:ListItem Text="Father" Value="Father"></asp:ListItem>
                                                <asp:ListItem Text="Mother" Value="Mother"></asp:ListItem>
                                                <asp:ListItem Text="Brother" Value="Brother"></asp:ListItem>
                                                <asp:ListItem Text="Sister" Value="Sister"></asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:RequiredFieldValidator ID="reqRelation" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="ddlRelation" ValidationGroup="GroupFamily" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                        <div class="form-group">
                                            <label for="lblOccupation">
                                                Occupation</label>
                                            <asp:TextBox ID="txtOccupation" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="reqOccupation" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtOccupation" ValidationGroup="GroupFamily" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                        <div class="form-group">
                                            <label for="lblLocation">Location</label>
                                            <asp:TextBox ID="txtLocation" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                            <asp:RequiredFieldValidator ID="reqLocation" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtLocation" ValidationGroup="GroupFamily" Display="Dynamic"></asp:RequiredFieldValidator>
                                        </div>
                                        </div>
                                        <%--Stop Family Background--%>

                                        <%--Start Education Background--%>
                                        <div id="dvEducation" runat="server">
                                            <div class="form-group">
                                                <label for="lblLevel">
                                                    Levels</label>
                                                <asp:DropDownList ID="ddlLevel" runat="server" class="form-control">
                                                    <asp:ListItem Text="Please Select" Value=""></asp:ListItem>
                                                    <asp:ListItem Text="High School" Value="High School"></asp:ListItem>
                                                    <asp:ListItem Text="Higher Vocational" Value="Higher Vocational"></asp:ListItem>
                                                    <asp:ListItem Text="Bachelor's Degree" Value="Bachelor's Degree"></asp:ListItem>
                                                    <asp:ListItem Text="Master Degree" Value="Master Degree"></asp:ListItem>
                                                </asp:DropDownList>
                                                <asp:RequiredFieldValidator ID="reqLevel" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="ddlLevel" ValidationGroup="GroupEducation" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblNameOfInstitute">
                                                    Name Of Institute</label>
                                                <asp:TextBox ID="txtNameOfInstitute" class="form-control" runat="server" MaxLength="100"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqNameOfInstitute" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtNameOfInstitute" ValidationGroup="GroupEducation" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblFrom">From</label>
                                                <asp:TextBox ID="txtFrom_Year" class="form-control" runat="server" MaxLength="4"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqFrom" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtFrom_Year" ValidationGroup="GroupEducation" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblTo">To</label>
                                                <asp:TextBox ID="txtTo_Year" class="form-control" runat="server" MaxLength="4"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqTo" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtTo_Year" ValidationGroup="GroupEducation" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblGPA">GPA</label>
                                                <asp:TextBox ID="txtGPA" class="form-control" runat="server" MaxLength="4"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqGPA" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtGPA" ValidationGroup="GroupEducation" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label for="lblMajor">Major</label>
                                                <asp:TextBox ID="txtMajor" class="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="reqMajor" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtMajor" ValidationGroup="GroupEducation" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                        <%--Stop Education Background--%>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">
                                            Close</button>
                                        <asp:Button ID="btnSaveFamily" runat="server" Text="Save" CssClass="btn btn-primary" OnClick="btnSaveFamily_Click" ValidationGroup="GroupFamily" />
                                        <asp:Button ID="btnSaveEducation" runat="server" Text="Save" CssClass="btn btn-primary"
                                            OnClick="btnSaveEducation_Click" ValidationGroup="GroupEducation" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <br />
                        <div class="form-group">
                            <label for="lblMobile">Education Background</label>
                            <asp:HiddenField ID="hidEducation" Value="" runat="server" />
                        </div>
                        <asp:GridView ID="gvEducation" runat="server" Width="100%" AutoGenerateColumns="False" onrowcommand="gvEducation_RowCommand" DataKeyNames="ID" CssClass="table table-striped">
                            <Columns>
                                <asp:TemplateField HeaderText="Levels">
                                    <ItemTemplate>
                                        <asp:Label ID="lblDegree" Text='<%# Bind("DEGREE") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Name Of Institute">
                                    <ItemTemplate>
                                        <asp:Label ID="lblInstituteName" Text='<%# Bind("INSTITUTE_NAME") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="From">
                                    <ItemTemplate>
                                        <asp:Label ID="lblFrom" Text='<%# Bind("FROM_YEAR") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="To">
                                    <ItemTemplate>
                                        <asp:Label ID="lblTo" Text='<%# Bind("TO_YEAR") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="GPA">
                                    <ItemTemplate>
                                        <asp:Label ID="lblGPA" Text='<%# Bind("GPA") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Major">
                                    <ItemTemplate>
                                        <asp:Label ID="lblMajor" Text='<%# Bind("MAJOR") %>' runat="server"></asp:Label>
                                    </ItemTemplate>
                                    <HeaderStyle HorizontalAlign="Center" />
                                </asp:TemplateField>

                                <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:LinkButton ID="btnEdit" runat="server" CommandArgument='<%# Eval("GridIndex") %>' CommandName="EditEducation" CausesValidation="false">
                                            <span class="glyphicon glyphicon-edit"></span></asp:LinkButton>
                                        <asp:LinkButton ID="btnDelete" runat="server" CommandArgument='<%# Eval("GridIndex") %>' CommandName="DeleteEducation" CausesValidation="false" OnClientClick="return confirm('Are you sure to delete?');">
                                            <span class="glyphicon glyphicon-trash"></span></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <HeaderStyle BackColor="Gray" HorizontalAlign="Center" />
                        </asp:GridView>
                        <asp:HiddenField ID="hdEducationID" runat="server" />
                        <div class="text-right"><br />
                            <asp:LinkButton ID="lnkAddEducation" runat="server" CommandName="AddEducation" onclick="lnkAddEducation_Click" CausesValidation="false">
                                <img src="Images/Web/add.png" />
                                <span> Add more</span>
                            </asp:LinkButton>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <br />
                        <div class="form-group">
                            <asp:CheckBox ID="chkIsStudying" runat="server" Text="If now you studying" 
                                oncheckedchanged="chkIsStudying_CheckedChanged" AutoPostBack="true" CausesValidation="false" />
                        </div>
                        <div id="dvStudying" class="row" runat="server" visible="false">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="lblAtInstitute">
                                        At Institute</label>
                                    <asp:TextBox ID="txtAtInstitute" class="form-control" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="reqAtInstitute" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtAtInstitute" ValidationGroup="GroupStudying"></asp:RequiredFieldValidator>
                                </div>
                                <div class="form-group">
                                    <label for="lblClassScheduleDate">
                                        Class Schedule-Date</label>
                                    <asp:TextBox ID="txtClassScheduleDate" class="form-control" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="reqClassScheduleDate" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtClassScheduleDate" ValidationGroup="GroupStudying"></asp:RequiredFieldValidator>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="lblMajor">
                                        Major</label>
                                    <asp:TextBox ID="txtMajor2" class="form-control" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="reqMajor2" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtMajor2" ValidationGroup="GroupStudying"></asp:RequiredFieldValidator>
                                </div>
                                <div class="form-group">
                                    <label for="lblFinishOn">
                                        Finish On</label>
                                    <asp:TextBox ID="txtFinishOn" class="form-control" runat="server"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="reqFinishOn" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtFinishOn" ValidationGroup="GroupStudying"></asp:RequiredFieldValidator>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" style="text-align:right;">
                            <br />
                            <asp:Button ID="btnTab2SaveDraft" runat="server" Text="  Save Draft  " 
                                ValidationGroup="GroupStudying" CssClass="btn btn-primary" OnClientClick="if(Page_ClientValidate('GroupStudying')) {javascript:skm_LockScreen('');}" 
                                onclick="btnTab2SaveDraft_Click" />
                            <asp:Button ID="btnTab2Back" runat="server" Text="     Back     " 
                                CausesValidation="false" CssClass="btn btn-default" onclick="btnBack_Click"/>
                            <asp:Button ID="btnTab2Next" runat="server" Text="     Next     "
                                ValidationGroup="GroupStudying" CssClass="btn btn-default" OnClientClick="if(Page_ClientValidate('GroupStudying')) {javascript:skm_LockScreen('');}" 
                                onclick="btnTab2Next_Click"/>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </asp:View>
        <asp:View ID="View3" runat="server">
            <div class="row tab-content">
                <div class="col-xs-12">
                    <h1 class="page-header">
                        Employment Record</h1><asp:HiddenField ID="hidEmployment" runat="server" Value="" />

                            <asp:Repeater ID="rptEmployer" runat="server" OnItemDataBound="rptEmployer_ItemDataBound"
                                OnItemCommand="rptEmployer_ItemCommand">
                                <ItemTemplate>

                                    <div class="panel panel-default">
                                       <div class="panel-heading">
                                        <div class="row">
                                            <div class="col-xs-6">
                                            <b>
                                                <asp:Label ID="lblEmployerNo" runat="server" Text='<%# Eval("GridIndex") %>'></asp:Label>.&nbsp;
                                                <asp:Label ID="Label1" runat="server" Text='<%# Eval("NAME") %>'></asp:Label>
                                            </b>
                                            </div>
                                            <div class="col-xs-6 text-right">
                                                <asp:LinkButton ID="btnEdit" runat="server" CommandName="EditEmp" CommandArgument='<%# Eval("GridIndex") %>' ToolTip="Edit Employer">
                                                    <span class="glyphicon glyphicon-edit"></span>
                                                </asp:LinkButton>&nbsp;
                                                <asp:LinkButton ID="btnDelete" runat="server" CommandName="DeleteEmp" CommandArgument='<%# Eval("GridIndex") %>' ToolTip="Delete Employer" OnClientClick="return confirm('Do you want to delete this reccord?');">
                                                    <span class="glyphicon glyphicon-trash"></span>
                                                </asp:LinkButton>
                                            </div>
                                        </div>
                                       </div>
                                       <div class="panel-body">
                                            <h4>Empolyer Info</h4>
                                           <div class="row">
                                                <div class="col-md-6">
                                                    <p><b>Address : </b><asp:Label ID="lblAddr" runat="server" Text='<%# Eval("ADDRESS") %>'></asp:Label></p>
                                                </div>
                                                <div class="col-md-6">
                                                    <p><b>Type of Business : </b><asp:Label ID="lblBusType" runat="server" Text='<%# Eval("BUS_TYPE") %>'></asp:Label></p>
                                                </div>
                                                <div class="col-md-6">
                                                    <p><b>Last Position : </b> <asp:Label ID="lblLastPos" runat="server" Text='<%# Eval("LAST_POSITION") %>'></asp:Label></p>
                                                </div>
                                                <div class="col-md-6">
                                                    <p><b>Name of Supervisor : </b> <asp:Label ID="lblSupName" runat="server" Text='<%# Eval("SUPERVISOR_NAME") %>'></asp:Label></p>
                                                </div>
                                                <div class="col-md-12">
                                                    <p><b>Reason of Leaving : </b> <asp:Label ID="lblLeavingDsc" runat="server" Text='<%# Eval("LEAV_REASON") %>'></asp:Label></p>
                                                </div>

                                                <div class="col-md-6">
                                                    <h4>Period</h4>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <p><b>Total (Year) : </b> <asp:Label ID="lblYear" runat="server" Text='<%# Eval("TOT_YEAR") %>'></asp:Label></p>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <p><b>Total (Month) : </b> <asp:Label ID="lblMonth" runat="server" Text='<%# Eval("TOT_MTH") %>'></asp:Label></p>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <p><b>Since : </b> <asp:Label ID="lblSince" runat="server" Text='<%# Eval("SINCE") %>'></asp:Label></p>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <p><b>Until : </b> <asp:Label ID="lblUntil" runat="server" Text='<%# Eval("UNTIL") %>'></asp:Label></p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <h4>Salary</h4>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <p><b>Latest : </b> <asp:Label ID="lblLatest" runat="server" Text='<%# Eval("LATEST_SALARY") %>'></asp:Label></p>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <p><b>Start : </b> <asp:Label ID="lblStart" runat="server" Text='<%# Eval("SRT_SALARY") %>'></asp:Label></p>
                                                        </div>                                                        
                                                        <div class="col-md-12">
                                                            <p><b>Additional Benefiths : </b> <asp:Label ID="lblBenefits" runat="server" Text='<%# Eval("BENEFITS") %>'></asp:Label></p>
                                                        </div>
                                                    </div>
                                                </div>
                                           </div>                                      
                                        

                                        <div class="row">
                                            <h3 class="page-header">&nbsp;&nbsp;Your Project</h3>
                                            <div class="col-md-12">
                                            <asp:Repeater ID="rptProject" runat="server" OnItemCommand="rptProject_ItemCommand" OnItemDataBound="rptProject_ItemDataBound" >
                                            <ItemTemplate>

                                                <div class="panel panel-default">
                                                    
                                                    <div class="panel-heading">
                                                        <div class="row">
                                                            <div class="col-xs-6">
                                                            <b>
                                                                Project <asp:Label ID="lblProjectNo" runat="server" Text='<%# Eval("GridIndex") %>'></asp:Label>.&nbsp;
                                                                <asp:Label ID="lblProjName" runat="server" Text='<%# Eval("PROJ_NAME") %>'></asp:Label>
                                                            </b>
                                                            </div>
                                                             <div class="col-xs-6 text-right">
                                                                <asp:LinkButton ID="btnEditProj" runat="server" CommandName="EditProject" CommandArgument='<%# Eval("CustomGridIndex") %>'>
                                                                    <span class="glyphicon glyphicon-edit"></span>
                                                                </asp:LinkButton>&nbsp;
                                                                 <asp:LinkButton ID="btnDeleteProj" runat="server" CommandName="DeleteProject" CommandArgument='<%# Eval("CustomGridIndex") %>' OnClientClick="return confirm('Do you want ToolTip delete this record?');">
                                                                    <span class="glyphicon glyphicon-trash"></span>
                                                                 </asp:LinkButton>
                                                             </div>
                                                        </div>
                                                    </div>

                                                    <div class="panel-body">
                                                         <div class="row">
                                                            <div class="col-md-6">
                                                                <h4>Project Info</h4>
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                    <p><b>Client's Name : </b> <asp:Label ID="lblClientName" runat="server" Text='<%# Eval("CLIENT_NAME") %>'></asp:Label></p>
                                                                </div>
                                                                    <div class="col-md-6">
                                                                    <p><b>Period From: </b> <asp:Label ID="lblPeriodFrom" runat="server" Text='<%# Eval("PERIOD_FROM") %>'></asp:Label></p>
                                                                </div>
                                                                    <div class="col-md-6">
                                                                    <p><b>Period To : </b> <asp:Label ID="lblPeriodTo" runat="server" Text='<%# Eval("PERIOD_TO") %>'></asp:Label></p>
                                                                </div>
                                                                    <div class="col-md-6">
                                                                    <p><b>Role : </b> <asp:Label ID="lblRole" runat="server" Text='<%# Eval("ROLE") %>'></asp:Label></p>
                                                                </div>
                                                                    <div class="col-md-6">
                                                                    <p><b>Num of Team Person(s) : </b> <asp:Label ID="lblNumofTeam" runat="server" Text='<%# Eval("TEAM") %>'></asp:Label></p>
                                                                </div>
                                                                    <div class="col-md-6">
                                                                    <p><b>Project Description : </b> <asp:Label ID="lblProjDesc" runat="server" Text='<%# Eval("PROJ_DESC") %>'></asp:Label></p>
                                                                </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <h4>Technologies</h4>
                                                                <div class="row">
                                                                <div class="col-md-6">
                                                                    <p><b>Language : </b> <asp:Label ID="lblLang" runat="server" Text='<%# Eval("LANG") %>'></asp:Label></p>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <p><b>Framework : </b> <asp:Label ID="lblFramwork" runat="server" Text='<%# Eval("FRAMEWORK") %>'></asp:Label></p>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <p><b>Database : </b> <asp:Label ID="lblDB" runat="server" Text='<%# Eval("DB") %>'></asp:Label></p>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <p><b>OS : </b> <asp:Label ID="lblOS" runat="server" Text='<%# Eval("OS") %>'></asp:Label></p>
                                                                </div>
                                                                <div class="col-md-6">
                                                                    <p><b>Tools : </b> <asp:Label ID="lblTools" runat="server" Text='<%# Eval("TOOLS") %>'></asp:Label></p>
                                                                </div>
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                    
                                            </ItemTemplate>
                                            <FooterTemplate>
                                                <asp:Panel ID="pnlEmptyData" runat="server" Visible="false" CssClass="row">
                                                    <div class="col-md-6 col-md-offset-3">
                                                        <h5 class="text-center" style="color:Red;">
                                                            Please add your projects you've done with this employer. [Optional]
                                                        </h5>
                                                    </div>
                                                </asp:Panel>
                                            </FooterTemplate>
                                            </asp:Repeater>
                                            </div>
                                        </div>

                                    <div class="text-right">
                                        <asp:LinkButton ID="lnkAddProject" runat="server" CommandName="AddProject" CommandArgument='<%# Eval("GridIndex") %>'>
                                            <img src="Images/Web/add.png" />
                                            <span> Add Project</span>
                                        </asp:LinkButton>
                                    </div>

                                    </div>

                             </div>

                                </ItemTemplate>
                            </asp:Repeater>

                    <div class="text-right">
                        <asp:LinkButton ID="lnkAddEmployer" runat="server" OnClick="lnkAddEmployer_Click">
                            <img src="Images/Web/add.png" />
                            <span> Add Employer Record</span>
                        </asp:LinkButton>
                    </div>
                    <br />
                    <!-- Modal Employer Section -->
                    <div class="modal fade" id="modalEmployer" tabindex="-1" role="dialog" aria-labelledby="modalEmployerLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="modalEmployerLabel">
                                        Manage Employer Info</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtEmployerName.ClientID %>'>
                                                    Employer Name:</label>
                                                <asp:TextBox ID="txtEmployerName" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtEmployerName" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtEmployerName" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtAddress.ClientID %>'>
                                                    Address:</label>
                                                <asp:TextBox ID="txtAddress" runat="server" CssClass="form-control" TextMode="MultiLine"
                                                    Rows="3"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtBusType.ClientID %>'>
                                                    Business Type:</label>
                                                <asp:TextBox ID="txtBusType" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtLastPos.ClientID %>'>
                                                    Last Position:</label>
                                                <asp:TextBox ID="txtLastPos" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtLastPos" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtLastPos" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtSupName.ClientID %>'>
                                                    Name of Supervisor:</label>
                                                <asp:TextBox ID="txtSupName" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtLeaveReason.ClientID %>'>
                                                    Reason of Leaving:</label>
                                                <asp:TextBox ID="txtLeaveReason" runat="server" CssClass="form-control" TextMode="MultiLine"
                                                    Rows="3"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtLeaveReason" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtLeaveReason" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                    </div>
                                    <h4>
                                        Period</h4>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtYear.ClientID %>'>
                                                    Total Year:</label>
                                                <asp:TextBox ID="txtYear" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtYear" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtYear" ValidationGroup="GroupEmployer"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="RegulartxtYear" runat="server" class="ValidateColor" ErrorMessage="** Number only" ControlToValidate="txtYear" ValidationExpression="^[0-9]*" ValidationGroup="GroupEmployer"></asp:RegularExpressionValidator>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtSince.ClientID %>'>
                                                    Since:</label>
                                                <asp:TextBox ID="txtSince" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtSince" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtSince" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtMonth.ClientID %>'>
                                                    Month:</label>
                                                <asp:TextBox ID="txtMonth" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtMonth" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtMonth" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="RegulartxtMonth" runat="server" class="ValidateColor" ErrorMessage="** Number only" ControlToValidate="txtMonth" ValidationExpression="^[0-9]*" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RegularExpressionValidator>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtUntil.ClientID %>'>
                                                    Until:</label>
                                                <asp:TextBox ID="txtUntil" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtUntil" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtUntil" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                    </div>
                                    <h4>
                                        Salary</h4>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtLatest.ClientID %>'>
                                                    Latest:</label>
                                                <asp:TextBox ID="txtLatest" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtLatest" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtLatest" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="RegulartxtLatest" runat="server" class="ValidateColor" ErrorMessage="** Number only" ControlToValidate="txtLatest" ValidationExpression="^[0-9]*" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RegularExpressionValidator>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtStart.ClientID %>'>
                                                    Start:</label>
                                                <asp:TextBox ID="txtStart" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RegularExpressionValidator ID="RegulartxtStart" runat="server" class="ValidateColor" ErrorMessage="** Number only" ControlToValidate="txtStart" ValidationExpression="^[0-9]*" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RegularExpressionValidator>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtBenefith.ClientID %>'>
                                                    Additional Benefith:</label>
                                                <asp:TextBox ID="txtBenefith" runat="server" CssClass="form-control" TextMode="MultiLine"
                                                    Rows="3"></asp:TextBox>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">
                                        Close</button>
                                    <asp:Button ID="btnSaveEmployer" runat="server" Text="Save" CssClass="btn btn-primary"
                                        OnClick="btnSaveEmployer_Click" ValidationGroup="GroupEmployer" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Modal Project Section -->
                    <div class="modal fade" id="modalProject" tabindex="-1" role="dialog" aria-labelledby="modalProjectLabel"
                        aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span></button>
                                    <h4 class="modal-title" id="modalProjectLabel">
                                        Manage Project Info</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtProjName.ClientID %>'>
                                                    Project Name:</label>
                                                <asp:TextBox ID="txtProjName" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtProjName" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtProjName" ValidationGroup="GroupProject" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtClientName.ClientID %>'>
                                                    Client's Name:</label>
                                                <asp:TextBox ID="txtClientName" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                        </div>
                                    </div>
                                    <h4>
                                        Period</h4>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtPeriodFrom.ClientID %>'>
                                                    From:</label>
                                                <asp:TextBox ID="txtPeriodFrom" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtRole.ClientID %>'>
                                                    Role:</label>
                                                <asp:TextBox ID="txtRole" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtRole" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtRole" ValidationGroup="GroupProject" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtPeriodTo.ClientID %>'>
                                                    To:</label>
                                                <asp:TextBox ID="txtPeriodTo" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtNumTeam.ClientID %>'>
                                                    Team (Number of Persons):</label>
                                                <asp:TextBox ID="txtNumTeam" runat="server" CssClass="form-control"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtNumTeam" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtNumTeam" ValidationGroup="GroupProject" Display="Dynamic"></asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="RegulartxtNumTeam" runat="server" class="ValidateColor" ErrorMessage="** Number only" ControlToValidate="txtNumTeam" ValidationExpression="^[0-9]*" ValidationGroup="GroupEmployer" Display="Dynamic"></asp:RegularExpressionValidator>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtProjDesc.ClientID %>'>
                                                    Project Description:</label>
                                                <asp:TextBox ID="txtProjDesc" runat="server" CssClass="form-control" TextMode="MultiLine"
                                                    Rows="3"></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredtxtProjDesc" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtProjDesc" ValidationGroup="GroupProject" Display="Dynamic"></asp:RequiredFieldValidator>
                                            </div>
                                        </div>
                                    </div>
                                    <h4>
                                        Technologies</h4>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtLanguage.ClientID %>'>
                                                    Language:</label>
                                                <asp:TextBox ID="txtLanguage" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtFramework.ClientID %>'>
                                                    Framework:</label>
                                                <asp:TextBox ID="txtFramework" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtDB.ClientID %>'>
                                                    Database:</label>
                                                <asp:TextBox ID="txtDB" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtOS.ClientID %>'>
                                                    OS:</label>
                                                <asp:TextBox ID="txtOS" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label" for='<%= txtTools.ClientID %>'>
                                                    Tools:</label>
                                                <asp:TextBox ID="txtTools" runat="server" CssClass="form-control"></asp:TextBox>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">
                                        Close</button>
                                    <asp:Button ID="btnSaveProject" runat="server" Text="Save" CssClass="btn btn-primary"
                                        OnClick="btnSaveProject_Click" ValidationGroup="GroupProject" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <asp:HiddenField ID="hdfEmployerId" runat="server" />
                    <asp:HiddenField ID="hdfProjectId" runat="server" />
                    <asp:HiddenField ID="hdfModalEmployerStat" runat="server" Value="0" />
                    <asp:HiddenField ID="hdfModalProjectStat" runat="server" Value="0" />

                    <div class="form-group" style="text-align:right;">
                        <br />
                        <asp:Button ID="btnSaveDraftExp" runat="server" Text="  Save Draft  " OnClientClick="if(Page_ClientValidate('GroupStudying')) {javascript:skm_LockScreen('');}" 
                            ValidationGroup="" CssClass="btn btn-primary" onclick="btnSaveDraftExp_Click" />
                        <asp:Button ID="btnBackExp" runat="server" Text="     Back     " 
                            CausesValidation="false" CssClass="btn btn-default" onclick="btnBack_Click"/>
                        <asp:Button ID="btnNextExp" runat="server" Text="     Next     " OnClientClick="if(Page_ClientValidate('GroupStudying')) {javascript:skm_LockScreen('');}"   
                            ValidationGroup="" CssClass="btn btn-default" onclick="btnNextExp_Click"/>
                    </div>
                </div>
            </div>
        </asp:View>
        <asp:View ID="View4" runat="server">
            <div class="row tab-content">
                <div class="col-md-12">
                    <h1 class="page-header">
                        Skill</h1>
                    <div class="row">
                        <div class="col-lg-10 col-lg-offset-1 col-md-12">
                            <table class="table">
                                <tr>
                                    <td>
                                        <asp:CheckBox ID="chkProg" runat="server" Text="&nbsp;Programing Language" />
                                    </td>
                                    <td>
                                        <asp:CheckBox ID="chkReport" runat="server" Text="&nbsp;Report" />
                                    </td>
                                    <td>
                                        <asp:CheckBox ID="chkDatabase" runat="server" Text="&nbsp;Database" />
                                    </td>
                                    <td>
                                        <asp:CheckBox ID="chkDevTools" runat="server" Text="&nbsp;Development Tools" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:CheckBox ID="chkFramework" runat="server" Text="&nbsp;Framework" />
                                    </td>
                                    <td>
                                        <asp:CheckBox ID="chkSoftTest" runat="server" Text="&nbsp;Software Testing" />
                                    </td>
                                    <td>
                                        <asp:CheckBox ID="chkOS" runat="server" Text="&nbsp;OS" />
                                    </td>
                                    <td>
                                        <asp:CheckBox ID="chkOther" runat="server" Text="&nbsp;Other" />
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <div id="pnlSkillProg" class="col-md-6">
                            <div class="form-group">
                                <label class="control-label">
                                    Programing Language:</label>
                                <uc:Tags ID="tagsProgramming" runat="server" />                             
                            </div>
                        </div>

                        <div class="col-md-6" id="pnlSkillReport">
                            <div class="form-group">
                                <label class="control-label">
                                    Report:</label>
                                <uc:Tags ID="tagsReport" runat="server" />
                            </div>
                        </div>

                        <div class="col-md-6" id="pnlSkillDB">
                            <div class="form-group">
                                <label class="control-label">
                                    Database:</label>
                                <uc:Tags ID="tagsDB" runat="server" />
                            </div>
                        </div>

                        <div class="col-md-6" id="pnlSkillDevTool">
                            <div class="form-group">
                                <label class="control-label">
                                    Development Tool:</label>
                                <uc:Tags ID="tagsTool" runat="server" />
                            </div>
                        </div>

                        <div class="col-md-6" id="pnlSkillFramework">
                            <div class="form-group">
                                <label class="control-label">
                                    Framework:</label>
                                <uc:Tags ID="tagsFramework" runat="server" />
                            </div>
                        </div>

                        <div class="col-md-6" id="pnlSkillSoftTest">
                            <div class="form-group">
                                <label class="control-label">
                                    Software Testing:</label>
                                <uc:Tags ID="tagsSofttest" runat="server" />
                            </div>
                       </div>

                        <div class="col-md-6" id="pnlSkillOS">
                            <div class="form-group">
                                <label class="control-label">
                                    OS:</label>
                                <uc:Tags ID="tagsOS" runat="server" />
                            </div>
                        </div>

                        <div class="col-md-6" id="pnlSkillOther">
                            <div class="form-group">
                                <label class="control-label">
                                    Other:</label>
                                <uc:Tags ID="tagsOther" runat="server" />
                            </div>
                        </div>

                    </div>
                    <h1 class="page-header">
                        Language
                    </h1>
                    <div class="row">
                        <div class="col-md-12">
                            <asp:GridView ID="grdLanguage" runat="server" AutoGenerateColumns="False" 
                                CssClass="table table-striped" onrowcommand="grdLanguage_RowCommand">
                                <Columns>
                                    <asp:TemplateField HeaderText="Language">
                                        <HeaderStyle HorizontalAlign="Center" />
                                        <ItemTemplate>
                                            <asp:Label ID="lblLangName" runat="server" Text='<%# Eval("LANG_NAME") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Speaking">
                                        <HeaderStyle HorizontalAlign="Center" />
                                        <ItemTemplate>
                                            <asp:Label ID="lblSpeaking" runat="server" Text='<%# Eval("SPEAKING") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Understand">
                                        <HeaderStyle HorizontalAlign="Center" />
                                        <ItemTemplate>
                                            <asp:Label ID="lblUnderstanding" runat="server" Text='<%# Eval("UNDERSTAND") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Reading">
                                        <HeaderStyle HorizontalAlign="Center" />
                                        <ItemTemplate>
                                            <asp:Label ID="lblReading" runat="server" Text='<%# Eval("READING") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Writing">
                                        <HeaderStyle HorizontalAlign="Center" />
                                        <ItemTemplate>
                                            <asp:Label ID="lblWriting" runat="server" Text='<%# Eval("WRITING") %>'></asp:Label>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Action">
                                        <HeaderStyle HorizontalAlign="Center" />
                                        <ItemTemplate>
                                            <asp:LinkButton ID="btnEdit" runat="server" CommandArgument='<%# Eval("GridIndex") %>'
                                                CommandName="EditLanguage">
                                            <span class="glyphicon glyphicon-edit"></span></asp:LinkButton>
                                            <asp:LinkButton ID="btnDelete" runat="server" CommandArgument='<%# Eval("GridIndex") %>'
                                                CommandName="DeleteLanguage" OnClientClick="return confirm('Do you want to delete this record?');">
                                            <span class="glyphicon glyphicon-trash"></span></asp:LinkButton>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>
                            <asp:HiddenField ID="hdfLangID" runat="server" />
                            <div class="text-right">
                                <br />
                                <asp:LinkButton ID="lnkAddLanguage" runat="server" OnClick="lnkAddLanguage_Click">
                                    <img src="Images/Web/add.png" />
                                    <span> Add more</span>
                                </asp:LinkButton>
                            </div>

                            <div class="form-group" style="text-align:right;">
                                <br />
                                <asp:Button ID="btnSaveDraftLang" runat="server" Text="  Save Draft  " OnClientClick="if(Page_ClientValidate('GroupStudying')) {javascript:skm_LockScreen('');}"  
                                    ValidationGroup="" CssClass="btn btn-primary" 
                                    onclick="btnSaveDraftLang_Click" />
                                <asp:Button ID="btnBackLang" runat="server" Text="     Back     " 
                                    CausesValidation="false" CssClass="btn btn-default" onclick="btnBack_Click"/>
                                <asp:Button ID="btnNextLang" runat="server" Text="     Next     " OnClientClick="if(Page_ClientValidate('GroupStudying')) {javascript:skm_LockScreen('');}"   
                                    ValidationGroup="" CssClass="btn btn-default" onclick="btnNextLang_Click"/>
                            </div>
                        </div>
                        <!-- Modal Language Section -->
                        <div class="modal fade" id="modalLanguage" tabindex="-1" role="dialog" aria-labelledby="modalLanguageLabel"
                            aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="modalLanguageLabel">
                                            Manage Language</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label class="control-label" for='<%= txtSKillLanguage.ClientID %>'>
                                                        Language:</label>
                                                    <asp:TextBox ID="txtSKillLanguage" runat="server" CssClass="form-control"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="RequiredtxtSKillLanguage" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtSKillLanguage" ValidationGroup="GroupLang" Display="Dynamic"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <label class="control-label">Speaking:</label>
                                                <div class="checkbox">
                                                    <asp:RadioButtonList ID="rbSpeaking" runat="server">
                                                        <asp:ListItem Text="Good" Value="Good"></asp:ListItem>
                                                        <asp:ListItem Text="Fair" Value="Fair"></asp:ListItem>
                                                        <asp:ListItem Text="Exc." Value="Exc."></asp:ListItem>
                                                    </asp:RadioButtonList>
                                                    <asp:RequiredFieldValidator ID="RequiredrbSpeaking" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="rbSpeaking" ValidationGroup="GroupLang" Display="Dynamic"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <label class="control-label">Understanding:</label>
                                                <div class="checkbox">
                                                    <asp:RadioButtonList ID="rbUnderstand" runat="server">
                                                        <asp:ListItem Text="Good" Value="Good"></asp:ListItem>
                                                        <asp:ListItem Text="Fair" Value="Fair"></asp:ListItem>
                                                        <asp:ListItem Text="Exc." Value="Exc."></asp:ListItem>
                                                    </asp:RadioButtonList>
                                                    <asp:RequiredFieldValidator ID="RequiredrbUnderstand" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="rbUnderstand" ValidationGroup="GroupLang" Display="Dynamic"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <label class="control-label">Reading:</label>
                                                <div class="checkbox">
                                                    <asp:RadioButtonList ID="rbReading" runat="server">
                                                        <asp:ListItem Text="Good" Value="Good"></asp:ListItem>
                                                        <asp:ListItem Text="Fair" Value="Fair"></asp:ListItem>
                                                        <asp:ListItem Text="Exc." Value="Exc."></asp:ListItem>
                                                    </asp:RadioButtonList>
                                                    <asp:RequiredFieldValidator ID="RequiredrbReading" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="rbReading" ValidationGroup="GroupLang" Display="Dynamic"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                            <div class="col-xs-6">
                                                <label class="control-label">Writing:</label>
                                                <div class="checkbox">
                                                    <asp:RadioButtonList ID="rbWriting" runat="server">
                                                        <asp:ListItem Text="Good" Value="Good"></asp:ListItem>
                                                        <asp:ListItem Text="Fair" Value="Fair"></asp:ListItem>
                                                        <asp:ListItem Text="Exc." Value="Exc."></asp:ListItem>
                                                    </asp:RadioButtonList>
                                                    <asp:RequiredFieldValidator ID="RequiredrbWriting" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="rbWriting" ValidationGroup="GroupLang" Display="Dynamic"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">
                                            Close</button>
                                        <asp:Button ID="btnSaveLanguage" runat="server" Text="Save" CssClass="btn btn-primary"
                                            OnClick="btnSaveLanguage_Click" ValidationGroup="GroupLang" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <asp:HiddenField ID="hdfModalLanguageStat" runat="server" Value="0" />
                    </div>
                </div>
            </div>
        </asp:View>
        <asp:View ID="View5" runat="server">
            <div class="row tab-content">
                <div class="col-md-12">
                    <h1 class="page-header">Last Step</h1>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et turpis est. Ut eget nisl rhoncus, ultricies odio at, posuere lacus. Cras dapibus sollicitudin imperdiet. Quisque ut porttitor neque. Donec ornare turpis quis lacinia volutpat. In ornare vulputate aliquet. Vestibulum at lectus tempus, accumsan ligula sit amet, scelerisque risus. Quisque non dignissim tellus, in placerat nibh. Nam sit amet odio sit amet mi dapibus laoreet. Fusce eget sodales odio. Donec rhoncus porttitor augue, id consequat turpis scelerisque et. Praesent ullamcorper viverra purus a iaculis. In lacinia in metus a blandit. 
                    </p>
                    <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-8 col-xs-offset-2" style="margin-top:50px;">
                        <div class="form-group">
                            <label for="lblSalary">
                                Expected Salary (Bath/Month)</label>
                            <asp:TextBox ID="txtExpSalary" class="form-control" runat="server"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredExpSalary" runat="server" class="ValidateColor" ErrorMessage="*" ControlToValidate="txtExpSalary" ValidationGroup="GroupSalary"></asp:RequiredFieldValidator>
                        </div>
                        <div class="text-center" style="margin-bottom:50px;">
                            <asp:Button ID="btnSubmitSalary" runat="server" Text="Finish" OnClientClick="if(Page_ClientValidate('GroupStudying')) {javascript:skm_LockScreen('');}"  
                                CssClass="btn btn-primary" ValidationGroup="GroupSalary" 
                                onclick="btnSubmitSalary_Click" />                            
                        </div>
                    </div>
                </div>
            </div>
        </asp:View>
        <asp:View ID="View6" runat="server">
            <div class="row tab-content">
                <div class="col-md-12">
                    <h1 class="page-header">Congratulation!</h1>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et turpis est. Ut eget nisl rhoncus, ultricies odio at, posuere lacus. Cras dapibus sollicitudin imperdiet. Quisque ut porttitor neque. Donec ornare turpis quis lacinia volutpat. In ornare vulputate aliquet. Vestibulum at lectus tempus, accumsan ligula sit amet, scelerisque risus. Quisque non dignissim tellus, in placerat nibh. Nam sit amet odio sit amet mi dapibus laoreet. Fusce eget sodales odio. Donec rhoncus porttitor augue, id consequat turpis scelerisque et. Praesent ullamcorper viverra purus a iaculis. In lacinia in metus a blandit. 
                    </p>
                    <div class="col-xs-12"  style="margin-top:50px;">
                        <div class="text-center" style="margin-bottom:50px;">
                            <asp:LinkButton ID="btnClosePage" runat="server" CssClass="btn btn-primary" PostBackUrl="http://cubeofnine.com">Go to Cube of Nine page.</asp:LinkButton>
                        </div>
                    </div>
                </div>
            </div>
        </asp:View>
    </asp:MultiView>
    </ContentTemplate>
    <Triggers>
        <asp:PostBackTrigger ControlID="btnTab1SaveDraft" />
        <asp:PostBackTrigger ControlID="btnTab1Next" />
        <asp:PostBackTrigger ControlID="btnTab2SaveDraft" />
        <asp:PostBackTrigger ControlID="btnTab2Next" />
        <asp:PostBackTrigger ControlID="btnSaveDraftExp" />
        <asp:PostBackTrigger ControlID="btnNextExp" />
        <asp:PostBackTrigger ControlID="btnSaveDraftLang" />
        <asp:PostBackTrigger ControlID="btnNextLang" />
        <asp:PostBackTrigger ControlID="btnSubmitSalary" />
    </Triggers>
    </asp:UpdatePanel>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">

    <script type="text/javascript" src="js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="js/bootstrap-datetimepicker.th.js" charset="UTF-8"></script>
    <script src="js/plugins/tagit/js/tag-it.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">

        function openBackgroundModal() {
            $('#modalBackground').modal('show');
        }

        function openEmployerModal() {
            $('#modalEmployer').modal('show');
        }

        function openProjectModal() {
            $('#modalProject').modal('show');
        }

        function openLangModal() {
            $('#modalLanguage').modal('show');
        }

        var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];

        $.ajax({
            url: "GetAvailableWord.ashx",
            dataType: "json",
            success: function (data) {
                sampleTags = data;
            },
            async: false
        });

        function BindTagControl(id)
        {
            $('#' + id).tagit({
                availableTags: sampleTags,
                allowSpaces: true,
                afterTagAdded: function(event, ui) {          
                    var hddn = $('#' + this.id).siblings();
                    var s = '[';
                    $($('#' + this.id + ' li input')).each(function() {
                        s = s + $(this).val() + ',';
                    });
                    s = s.substring(0, s.length - 2);
                    s = s + ']';
                    hddn.val(s);
                },
                afterTagRemoved: function (event, ui) {
                    var hddn = $('#' + this.id).siblings();
                    var s = '[';
                    $($('#' + this.id + ' li input')).each(function () {
                        s = s + $(this).val() + ',';
                    });
                    s = s.substring(0, s.length - 2);
                    s = s + ']';
                    hddn.val(s);
                }
            });        
        }     

        function BindCheckBox(checkboxId,elemId)
        {
            $('#' + checkboxId).click(function () {
                ToggleCheckbox(checkboxId, elemId);
            });

            ToggleCheckbox(checkboxId, elemId);
        }

        function ToggleCheckbox(checkboxId, elemId) {
            if ($('#' + checkboxId).is(':checked'))
                $('#' + elemId).show();
            else
                $('#' + elemId).hide();
        }

        function BindUI() {

            $('.form_date').datetimepicker({
                language: 'fr',
                weekStart: 1,
                todayBtn: 1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                minView: 2,
                forceParse: 0
            });

            BindTagControl('<%= tagsProgramming.ClientID %>_tags');
            BindTagControl('<%= tagsReport.ClientID %>_tags');
            BindTagControl('<%= tagsDB.ClientID %>_tags');
            BindTagControl('<%= tagsTool.ClientID %>_tags');
            BindTagControl('<%= tagsFramework.ClientID %>_tags');
            BindTagControl('<%= tagsSofttest.ClientID %>_tags');
            BindTagControl('<%= tagsOS.ClientID %>_tags');
            BindTagControl('<%= tagsOther.ClientID %>_tags');

            BindCheckBox('<%= chkProg.ClientID %>', 'pnlSkillProg');
            BindCheckBox('<%= chkReport.ClientID %>', 'pnlSkillReport');
            BindCheckBox('<%= chkDatabase.ClientID %>', 'pnlSkillDB');
            BindCheckBox('<%= chkDevTools.ClientID %>', 'pnlSkillDevTool');
            BindCheckBox('<%= chkFramework.ClientID %>', 'pnlSkillFramework');
            BindCheckBox('<%= chkSoftTest.ClientID %>', 'pnlSkillSoftTest');
            BindCheckBox('<%= chkOS.ClientID %>', 'pnlSkillOS');
            BindCheckBox('<%= chkOther.ClientID %>', 'pnlSkillOther');

            /* Family and Background buttons*/
            $("input[id$='btnTab2Next']").click(function () {
                return validateFamilyAndEducation();
            });

            /* Employment buttons */
            $("input[id$='btnNextExp']").click(function () {
                validateEmployment();
            });

            /* Language buttons */
        }

        function validateFamilyAndEducation() {
            var fam = $("input[id$='hidFamily']").val();
            if (fam == "") {
                skm_unLockScreen('');
                alert("Please specify Family Background.");
                return false;
            }

            var edu = $("input[id$='hidEducation']").val();
            if (edu == "") {
                skm_unLockScreen('');
                alert("Please specify Education Background.");
                return false;
            }
        }

        function validateEmployment() {
            var fam = $("input[id$='hidEmployment']").val();
            if (fam == "") {
                skm_unLockScreen('');
                alert("Please specify Employment Record.");
                return false;
            }
        }

        $(document).ready(function () {
            BindUI();
        });

        var prm = Sys.WebForms.PageRequestManager.getInstance();

        prm.add_endRequest(function () {
            BindUI();
        });
    </script>
</asp:Content>
